@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,700italic,400,700');

body {
	background-attachment: fixed;
    background-clip: border-box;
    background-color: #EFEFEF;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #444444;
    font-family: 'Open Sans','Helvetica','Arial',sans-serif;
    font-weight: 400;
    background: url("../images/tiny-grid.png") repeat scroll 0 0 #DDDDDD;
}

a, a:hover {
	color: #444444;
	text-decoration: none;
}

ul, li {
	list-style: none;
	margin: 0px;
}

header {
	padding-top: 40px;
	text-align: center;
}

header h1 {
    font-size: 100px;
    font-weight: 400;
    letter-spacing: -2px;
    line-height: 1.1;
    white-space: nowrap;
}

header h2 {
    font-size: 48px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 48px;
}

#search-form {
	margin-top: 20px;
    text-align: center;
    margin-bottom: 40px;
}

.form-search {
	display: inline-block;
	margin-bottom: 30px;
}

.form-search form {
    box-shadow: 0 1px 8px -1px #333333;
    margin: 0;
    padding: 16px 16px 16px;
    position: relative;
    background-image: url('../images/stripes.png');
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(0,10,10,0.2))), url('../images/stripes.png');   
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(0,10,10,0.2) 100%), url('../images/stripes.png');
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(0,10,10,0.2) 100%), url('../images/stripes.png');
	background-image:      -o-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(0,10,10,0.2) 100%), url('../images/stripes.png');
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(0,10,10,0.2) 100%), url('../images/stripes.png');
	background-image:         linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(0,10,10,0.2) 100%), url('../images/stripes.png');
	-webkit-box-shadow: 0px 1px 8px -1px #333;
	        box-shadow: 0px 1px 8px -1px #333;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
}

.form-search form input[type="text"] {
  font: 99% sans-serif;
  font-size: 23px;
  color: #333;
  text-shadow: 0px 0px 2px rgba(255,255,255,0.4);
  padding: 2px 0px 0px 10px;
  height: 40px;  
  border: none;
  border-bottom: 1px solid #f8f8f8;
  background-color: #efefef;
  -webkit-box-shadow: inset 0px 2px 6px -1px #444;
          box-shadow: inset 0px 2px 6px -1px #444;
  -webkit-border-radius: 8px;
          border-radius: 8px;  
}

.form-search form input:focus {
  background: #f6f6f6;
  box-shadow: inset 0px 2px 6px -1px #666;
  border-bottom: 1px solid #FFF;
  -webkit-transition: border linear .2s, box-shadow linear .2s, background linear .2s;
     -moz-transition: border linear .2s, box-shadow linear .2s, background linear .2s;
       -o-transition: border linear .2s, box-shadow linear .2s, background linear .2s;
          transition: border linear .2s, box-shadow linear .2s, background linear .2s;
}

.btn-fancy {
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  font-weight: 400;
  color: #777;
  font-size: 23px;
  text-shadow: 0px 1px 1px rgba(255,255,255,1);
  white-space: nowrap;
  border: 1px solid #ddd;
  border-top: 1px solid #fff;
  background: #cecece;
  height: 43px;
  margin-top: -1px;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow:
    0 35px 40px -10px rgba(255,255,255,0.8) inset,
    0px 1px 2px rgba(0,0,0,0.5);
  box-shadow:
    0 35px 40px -10px rgba(255,255,255,0.8) inset,
    0px 1px 2px rgba(0,0,0,0.5);
}

.btn-fancy:hover {
  background: #bebebe;
  -webkit-transition: background linear .2s;
     -moz-transition: background linear .2s;
       -o-transition: background linear .2s;
          transition: background linear .2s;
}

.btn-fancy:active, .btn-fancy.btn-down {
  padding-top: 8px;
  border: 1px solid #999;
  border-bottom: 1px solid #f8f8f8;
  background: #cecece;
  -webkit-box-shadow: inset 0px 2px 6px -1px #666;
          box-shadow: inset 0px 2px 6px -1px #666;
}

ul.list {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.row4 li {
	width: 23%;
	float: left;
	padding-right: 2%;
	line-height: 30px;
}


footer {
	background: none repeat scroll 0 0 #F6F6F6;
    border-top: 1px solid #C8CCD1;
    font-weight: 300;
    margin-top: 20px;
    padding: 20px 0 10px;
}

footer p {

}

/**************************** INFO ****************************/
.min450 {
	min-height: 450px;
}

header.small {
	padding-top: 10px;
	text-align: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #C8CCD1;
	margin-bottom: 20px;
}

header.small h1 {
    font-size: 40px;
}

header.small h2 {
    font-size: 20px;
    line-height: 20px;
}

header #search-form {
	margin: 10px 0 20px;
}

header .form-search {
	margin-bottom: 0px;
}

header .form-search form {
	padding: 5px;
}

.block {
	border: 1px solid #C8CCD1;
	padding: 10px;
}

.block h5 {
	border-bottom: 1px solid #C8CCD1;
	padding-bottom: 10px;
	font-size: 16px;
}

.adv {
	text-align: center;
}

.adv.left {
    padding-bottom: 10px;
    text-align: left;
}

.block .list li {
	line-height: 30px;
    list-style-type: circle;
    margin-left: 15px;
}

.addthis {
	margin: auto;
	width: 400px;
}

header.small .addthis {
	width: 355px;
}

.f-info h4 {
	margin: 20px 0px;
}